<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>do-while乘法表</title>
    <style>
        html {
            font-family: monospace;
        }
    </style>
</head>
<script>
    // 格式一
    var i = 1;
    do {
        // 格式三
        var k = 1;

        // do-while会有一列空表达式
        // do{
        //     document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
        //     k++;
        // }while(k<=10-i)


        // 使用while解决问题
        while(k<=9-i) {
            document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
            k++
        }

        var j = 1;
        do {
            document.write(i+"*"+j+"="+i*j+(i*j<10?"&nbsp;&nbsp":"&nbsp"))
            j++
        } while (j<=i)
        i++
        document.write("<br>")
    } while(i<=9)

    // 格式二
    // var i = 9;
    // do {
    //     var j = i;
    //     do{
    //         document.write(i+"*"+j+"="+i*j+(i*j<10?"&nbsp;&nbsp":"&nbsp"));
    //         j--
    //     }while(j>=1)
    //     i--;
    //     document.write("<br>")
    // }while(i>=1)
</script>
<body>
    
</body>
</html>